<template>
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <a href="#" class="head-brand" style="font-size: 17pt">牛牛编程</a>
                </div>
                <div class="col-md-6">
                    <ul class="main-nav">
                        <li><a href="#">常用网站</a>
                            <ul class="drop">
                                <li><a href="https://pan.baidu.com/" target="_blank">百度网盘</a></li>
                                <li><a href="https://www.csdn.net/" target="_blank">CSDN</a></li>
                                <li><a href="https://www.w3cschool.cn/" target="_blank">w3cschool</a></li>
                                <li><a href="https://www.runoob.com/" target="_blank">菜鸟教程</a></li>
                                <li><a href="https://www.liaoxuefeng.com/" target="_blank">廖雪峰</a></li>
                                <li><a href="http://www.ruanyifeng.com/blog/archives.html" target="_blank">阮一峰</a></li>
                                <li><a href="https://www.fangzhipeng.com" target="_blank">方志朋</a></li>
                            </ul>
                        </li>
                        <li><a href="#">友情链接</a>
                            <ul class="drop">
                                <li><a href="https://www.aliyun.com" target="_blank">阿里云</a></li>
                                <li><a href="https://www.jdcloud.com" target="_blank">京东云</a></li>
                                <li><a href="https://www.qiniu.com" target="_blank">七牛云</a></li>
                                <li><a href="https://cn.vuejs.org" target="_blank">Vue.js</a></li>
                                <li><a href="https://www.dcloud.io" target="_blank">Dcloud</a></li>
                                <li><a href="https://www.oschina.net" target="_blank">中国开源</a></li>
                            </ul>
                        </li>
                        <li><a href="#">其他</a>
                            <ul class="drop">
                                <li><a href="#">关于我</a></li>
                                <li><a href="#">商务合作</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="col-md-3 me">
                    <div style="cursor: pointer">
                        <img class="wx" src="../../assets/images/index/wx.svg" alt="">
                        <img class="me" src="../../assets/images/index/me.png" alt="">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <hr>
                </div>
                <div class="col-md-12">
                    <p class="text-center" style="color:#999;">Copyright <span>&copy;</span> 2017-2021 www.simoniu.com All Rights Reserved.
                        <a href="http://beian.miit.gov.cn/">陕ICP备17021699号-1</a>&nbsp;&nbsp; <a href="http://www.simoniu.com/admin">[后台管理]</a></p>

                </div>

            </div>
        </div>
    </footer>
</template>

<script>
    export default {
        name: "Footer"
    }
</script>

<style scoped>
    @import "../../assets/vendor/bootstrap-3.3.7-dist/css/bootstrap.min.css";
    @import "../../assets/minified_css/index.min.css";
    @import "../../assets/minified_css/index-footer.min.css";
</style>
